<?php
/*
  This page displays mostly static text w/ only a few glossary items.
*/
?>

<?php
  include_once('util.php');
  $glossary = buildGlossary('Welcome');
?>
<body>

    <div id="site">
<?php include_once('header.php')?>
        <div id="content">

<div class="home-screen clearfix">
       <div style="text-align: center; margin-top: 40px;">
              <h1 style="font-size: 25px;">Welcome to Blue Cities Exchange!</h1>
       </div>
       <div class="left-column" style="width: 340px;">
              <div style="margin-top: 30px;">
                     <img src="images/skyline.png" alt="" />
                     <img src="images/trees.png" alt="" style="margin-left: 10px;"/>
              </div>
              <div style="margin-top:40px;">
                <a href="http://www.epa.gov/"><img src="images/epa-logo.png" alt="EPA logo" /></a>
                <a href="http://www.mass.gov/eea/grants-and-tech-assistance/grants-and-loans/mass-enviro-trust/"><img src="images/met-logo.png" alt="MET logo" style="margin-left:30px;" /></a>
              </div>
       </div>
       <div class="right-column" style="font-weight: bold; font-size: 15px; width: 500px; margin-top: 42px;">
              <p> Blue Cities Exchange is designed to help property owners understand how to meet <?php echo $glossary['stormwater']['a']?> <?php echo $glossary['permit']['a']?> requirements in order to reduce pollution to the Charles River. The objectives of Exchange are:</p><?php echo $glossary['stormwater']['div']?><?php echo $glossary['permit']['div']?>
              <ul style="list-style: disc;">
                     <li>Help property owners reduce the costs of meeting permit requirements</li>
                     <li>To offer trading options allowing owners to seek equivalent treatment offsite when soil and circumstances make treating pollution on-site expensive.</li>
              </ul>
              <p>This website recommends pollution reduction solutions to landowners and also provides advanced design tools to technicians such as developers and engineers.</p>
              <div style="text-align: center; margin-top: 70px; float: right;">
                     <a href="?page=faq"><img src="images/learn_more_but.png" alt="" title="Learn More" /></a>
                     <a href="?page=getStarted"><img src="images/get_started_but.png" alt="" style="margin-left: 30px;" title="Get Started" /></a>
              </div>
       </div>
</div>

        </div>
<?php include_once('footer.php')?>
    </div>
<script type="text/javascript">
<?php
  foreach ($glossary as $k => $v) {
    $tNoSpace = str_replace(' ','',$k);
    echo '$(\'a#glossary_t_'.$tNoSpace.'\').click(function(e){e.preventDefault();}).hover(function(e){$(\'#glossary_d_'.$tNoSpace.'\').show();}, function(e){$(\'#glossary_d_'.$tNoSpace.'\').hide();});'."\n";
  }
?>
</script>
</body>
